<!--
 * @Author: fisher
 * @Date: 2023-11-13 09:44:26
 * @LastEditTime: 2023-11-21 11:09:14
 * @LastEditors: lbz_dev 1982212843@qq.com
 * @Description: 
 * @FilePath: \FCT\src\views\Tools\Measure\index.vue
-->
<template>
  <div class="c">
    <div class="btn" @click="paint">绘制</div>
    <div class="btn" @click="clear">清除</div>
    <div class="btn" @click="exit">退出</div>
  </div>
</template>

<script setup>
import FCT from "utils/FCT/index.js";
import { onMounted } from "vue";
let Measure = undefined;
onMounted(() => {
  setTimeout(() => {
    Measure = new FCT.Measure(viewer);
  }, 300);
});
const paint = () => {
  Measure.ChangeMode(FCT.Measure.AREA, (res) => {
    console.log("reture result = ", res);
  });
};
const clear = () => {
  Measure.Clear();
};
const exit = () => {};
</script>
<style scoped>
.c {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.btn {
  width: 80px;
  height: 30px;
  border-radius: 5px;
  background: #fff;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
}
</style>
